<template>
  <div id="app">
    <tabs />
    <router-view  :footerobj="obj"/>
    <footerbtm :footerobj="obj"/>
  </div>
</template>

<script>
import { getconfig } from '@/api/utils.js'
import tabs from '@/components/tabs'
import footerbtm from '@/components/footer'
import '@/assets/js/media.js'
export default {
  name: '',
  components: {
    tabs,
    footerbtm
  },
  props: [],
  data() {
    return {
      obj: {}
    }
  },
  computed: {},
  watch: {},
  created() {
    this.config()
  },
  mounted() {},
  methods: {
    config() {
      var that = this,
      params = {}
      getconfig(params).then(res => {
        if (res.code == 1) {
          this.obj = res
        }
      })
    },
  }
}
</script>

<style lang="scss">
  .el-pagination{
    width: 320px;
    margin: 0 auto;
  }
  .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
    background-color: #f7f4ef!important;
  }
  .el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: #ebe1d5!important;
  }
  .el-pagination.is-background .el-pager li:not(.disabled):hover{
    color: #333!important;
  }
  .el-pagination.is-background .el-pager .active:hover{
    color: white!important;
  }
  .el-loading-mask{
    background-color: rgba(247 244 239 / 50%)!important;
  }
  .el-loading-spinner .path{
    stroke: #a78c6b!important;
  }
  .el-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
  }
</style>